<div class="form-header">

    <input #myInput type="text" 
            placeholder="Search for products ..."
            class="au-input au-input-xl" 
            (keyup.enter)="doSearch(myInput.value)" /> <!--event handler - listen for 'enter key' myInput template ref variable, -->
    
        <button (click)="doSearch(myInput.value)" class="au-btn-submit">
        Search
    </button>
</div>